<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <script src="./lib/zepto/zepto.min.js"></script>

    <script src="./lib/artTemplate/template-web.js"></script>

    <link rel="stylesheet" href="./lib/mui/css/mui.min.css">
    <script src="./lib/mui/js/mui.min.js"></script>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/pricelist.css">

    <script src="./js/common.js"></script>
    <script src="./js/pricelist.js"></script>
</head>
<body>
    <div class="warp">
        <div class="top">
            <a href="#"><img class="logo" src="./images/sgimg/TB2cMR0aQUmBKNjSZFOXXab2XXa_!!690311.png" alt=""></a>
            <a href="#"><img class="download" src="./images/sgimg/TB2beKvaTXYBeNkHFrdXXciuVXa_!!690311.png" alt=""></a>
        </div>
        <div class="search">
            <div class="box">
                <input type="text" placeholder="请输入你想比价的商品">
                <button>搜索</button>
            </div>
        </div>
        <div class="nav">
            <div class="maobiao">
                <a href="./index.html">首页 </a>
                <span>></span>
                <a href="./price.html">全部分类 </a>
                <span>></span>
                <a class="typetitle">1电视</a>
            </div>
            <button class="selecttype">筛选</button>
        </div>
        <div class="productlist">
            <ul>
                
                <script type="text/html" id="productTem">
                    {{each result}}
                    <li>
                        <a href="./product.html?productid={{$value.productId}}">
                            <div class="left">
                                <img src="" alt="">
                                {{#$value.productImg}}
                            </div>
                            <div class="right">
                                <p class="title mui-ellipsis-2">{{$value.productName}}</p>
                                <p class="price">{{$value.productPrice}}</p>
                                <p class="other">
                                    <span class="productQuote">{{$value.productQuote}}</span>
                                    <span class="productCom">{{$value.productCom}}</span>
                                </p>
                            </div>
                        </a>
                    </li>
                    {{/each}}
                </script>
            </ul>
        </div>
        
        <div class="fenye">
            <button class="pre">上一页</button>
            <select id="selectPage" >

            </select>
            <button class="next">下一页</button>
        </div>

        <div class="footer">
            <div class="loginbox">
                <a class="login" href="./login.html">登录</a>
                <a class="regist" href="./regist.html">注册</a>
                <a class="gototop"><span class="topimg"></span> 返回顶部</a>
            </div>
            <div class="copyright">
                <p><a class="download" href="#">手机APP下载</a>慢慢买手机版 -- 掌上比价平台</p>
                <p class="site"><a href="#">m.manmanbuy.com</a></p>
            </div>
        </div>
    </div>
</body>
</html>